/* pages/category/category.wxss */
page{
    height: 100%;
    .cates{
        height: 100%;
        .cates_content{
            // less中使用calc的时候要注意
            height: ~'calc(100vh - 90rpx)';
            display: flex;
            // 子项 高度 100% flex
            .left_menu{
                flex: 2;
                // background-color: pink;
                .menu_item{
                    height: 80rpx;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    font-size: 30rpx;
                }
                .active{
                    color: var(--themeColor);
                    border-left: 5rpx solid currentColor;
                }
            }
            .right_content{
                flex: 5;
                // background-color: skyblue;
                .goods_group{
                    .goods_title{
                        height: 80rpx;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        .delimiter{
                            color: #ccc;
                            padding: 0 10rpx;
                        }
                        .title{

                        }
                    }
                    .goods_list{
                        display: flex;
                        flex-wrap: wrap;
                        navigator{
                            width: 33.33%;
                            text-align: center;
                            padding: 0 20rpx;
                            font-size: 24rpx;
                            image{
                                width: 80%;
                            }
                            .goods_name{}
                        }
                    }
                }
            }
        }
    }
}